<!-- 角色选择下拉框 -->
<template>
  <el-select
    clearable
    :value="value[0]"
    class="ele-block"
    :placeholder="placeholder"
    @input="updateValue"
  >
    <el-option
      v-for="item in data"
      :key="item.id"
      :value="item.id"
      :label="item.merchantName"
    />
  </el-select>
</template>

<script>
  import { listMerchant } from '@/api/merchantAccount';

  export default {
    props: {
      // 选中的数据(v-modal)
      value: Array,
      // 提示信息
      placeholder: {
        type: String,
        default: '请选择角色'
      }
    },
    data() {
      return {
        data: []
      };
    },
    created() {
      /* 获取角色数据 */
      listMerchant({}).then((list) => {
          this.data = list;
        })
        .catch((e) => {
          this.$message.error(e.message);
        });
    },
    methods: {
      updateValue(value) {
        console.log("选择角色后改变=======",value)
        // 修改，将获取到的身份id 赋值给数组传值
        let list=[]
        list.push(value)
        this.$emit('input', list);
      }
    }
  };
</script>
